<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		#toggle {
		  display: none;
		}
		
		#toggle:checked ~ .content {
		  display: none;
		}
		
		label {
		  cursor: pointer;
		}
		
		.content {
		  display: block;
		  transition: display 0.3s ease-in-out;
		}
	</style>
	<body>
		<label for="toggle">点击展开/折叠</label>
		<input type="checkbox" id="toggle">
		<div class="content">
		  <p>这是要展开/折叠的内容。</p>
		</div>
	</body>
</html>